<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>聚学院-热门圈子</title>
    <link rel="stylesheet" href="../../lib/css/reset.min.css">
    <link rel="stylesheet" href="../../css/all.min.css">
    <link rel="stylesheet" href="../../lib/css/elementui.min.css">

</head>

<body>
    <div class="app-wrap" v-cloak id="jxy_circle">
        <header-top></header-top>
        <header-search-global type="企业"></header-search-global>
        <common-top-nav cur="聚学院"></common-top-nav>
        <div class="bg-gray">
            <div class="container">
                <common-crumb :crumblist="crumblist"></common-crumb>
                <div class="circle">
                    <el-tabs v-model="activeName" @tab-click="handleClick">
                        <el-tab-pane label="圈子" name="first">
                            <div class="circle_list">
                                <div class="circle_item" v-for="item,i in circleList">
                                    <div class="circle_left">
                                        <div class="logo">
                                            <img src="../../img/shop_save1.png" alt="">
                                        </div>
                                    </div>
                                    <div class="circle_con">
                                        <div class="name">{{item.title}}</div>
                                        <!--<div class="date">{{item.createTime}}</div>-->
                                        <div class="content">
                                            {{item.content}}
                                        </div>
                                        <div class="picture" style="overflow: hidden">
                                            <img :src="pic.fileUrl" alt="" v-for="pic,index in item.picUrl" v-if="index == 0">
                                        </div>
                                        <div class="circle_foot clear">
                                            <div class="time_left">{{item.createTime}}</div>
                                            <div class="right_out">
                                                <a href="javascript:void(0)" @click="circleLike(item.id,i)">
                                                    <div class="zan">
                                                        <i></i>
                                                        <span>{{item.likeNumber}}</span>
                                                    </div>
                                                </a>
                                                <div class="fenxiang">
                                                    <i></i>
                                                    <span>{{item.commentNumber}}</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="pagenation">
                                    <common-page :current="page.pageNo" :all="page.total" @btn-click="listen"></common-page>
                                </div>
                            </div>
                            <div class="user_info">
                                <div class="bg-gray">
                                    <a href="./card.html" class="fatie">发帖</a>
                                </div>
                                <img src="../../img/circle_back.png" alt="">
                                <div class="user_info_content">
                                    <div class="logo">
                                        <img :src="user.picImg" alt="">
                                    </div>
                                    <p class="user_name">{{user.username}}</p>
                                    <div class="j-tip-con">
                                        <div class="left">
                                            <div class="num">{{user.myInvitationCount}}</div>
                                            <div>我的帖子</div>
                                        </div>
                                        <div class="right">
                                            <div class="num">15</div>
                                            <div>参与的帖子</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </el-tab-pane>
                        <el-tab-pane label="帖子" name="second">
                            <div class="circle_list">
                                <div class="circle_item" v-for="item,index in invitationList">
                                    <div class="circle_left">
                                        <div class="logo">
                                            <img :src="item.createPic" alt="">
                                        </div>
                                    </div>
                                    <div class="circle_con">
                                        <div class="name">{{item.title}}</div>
                                        <!--<div class="date">{{item.createTime}}</div>-->
                                        <div class="content">
                                            {{item.content}}
                                        </div>
                                        <div class="pictrue">
                                            <img v-for="pic,i in item.picUrl" :src="pic.fileUrl" alt="" v-if="i==0">
                                        </div>
                                        <div class="circle_foot clear">
                                            <div class="time_left">{{item.createTime}}</div>
                                            <div class="right_out">
                                                <a href="javascript:void(0)" @click="invitationLike(item.id,index)">
                                                    <div class="zan">
                                                        <i></i>
                                                        <span>{{item.likeNumber}}</span>
                                                    </div>
                                                </a>
                                                <div class="fenxiang">
                                                    <i></i><span>{{item.commentNumber}}</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="pagenation">
                                    <common-page :current="invitationPage.pageNo" :all="invitationPage.total" @btn-click="invitationListen"></common-page>
                                </div>
                            </div>
                            <div class="user_info">
                                <img src="../../img/circle_back.png" alt="">
                                <div class="user_info_content">
                                    <div class="logo">
                                        <img :src="user.picImg" alt="">
                                    </div>
                                    <p class="user_name">{{user.username}}</p>
                                    <div class="j-tip-con">
                                        <div class="left">
                                            <div class="num">{{user.myInvitationCount}}</div>
                                            <div>我的帖子</div>
                                        </div>
                                        <div class="right">
                                            <div class="num">15</div>
                                            <div>参与的帖子</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </el-tab-pane>
                        <el-tab-pane label="我的发布" name="third">
                            <div class="circle_list">
                                <div class="circle_item" v-for="item,index in invitationList">
                                    <div class="circle_left">
                                        <div class="logo">
                                            <img :src="item.createPic" alt="">
                                        </div>
                                    </div>
                                    <div class="circle_con">
                                        <div class="name">{{item.title}}</div>
                                        <div class="date">{{item.createTime}}</div>
                                        <div class="content">
                                            {{item.content}}
                                        </div>
                                        <div class="pictrue">
                                            <img v-for="pic,i in item.picUrl" :src="pic.fileUrl" alt="" v-if="i==0">
                                        </div>
                                        <div class="circle_foot clear">
                                            <!--<div class="time_left">今天 19：00</div>-->
                                            <div class="right_out">
                                                <a href="javascript:void(0)" @click="invitationLike(item.id,index)">
                                                    <div class="zan">
                                                        <i></i>
                                                        <span>{{item.likeNumber}}</span>
                                                    </div>
                                                </a>
                                                <div class="fenxiang">
                                                    <i></i><span>{{item.commentNumber}}</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="pagenation">
                                    <common-page :current="invitationPage.pageNo" :all="invitationPage.total" @btn-click="myInvitationListen"></common-page>
                                </div>
                            </div>
                            <div class="user_info">
                                <img src="../../img/circle_back.png" alt="">
                                <div class="user_info_content">
                                    <div class="logo">
                                        <img :src="user.picImg" alt="">
                                    </div>
                                    <p class="user_name">{{user.username}}</p>
                                    <div class="j-tip-con">
                                        <div class="left">
                                            <div class="num">{{user.myInvitationCount}}</div>
                                            <div>我的帖子</div>
                                        </div>
                                        <div class="right">
                                            <div class="num">15</div>
                                            <div>参与的帖子</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </el-tab-pane>
                    </el-tabs>

                </div>
            </div>
        </div>
        <common-footer></common-footer>
    </div>
    <script src="../../lib/js/vue.js"></script>
    <script src="../../lib/js/axios.min.js"></script>
    <script src="../../lib/js/elementui.min.js"></script>
    <!-- mock 数据 打包发布的时候记得移除 -->
    <script src="../../lib/js/mock.js"></script>
    <script src="../../js/all.min.js"></script>
    <script>
        circle();
    </script>
</body>

</html>